<%@ include file="../common/top.jsp"%>
<div id="Welcome">
    <div id="WelcomeContent"><c:if
            test="${sessionScope.accountBean != null }">
        <c:if test="${sessionScope.accountBean.authenticated}">
            Welcome ${sessionScope.accountBean.account.firstName}!
        </c:if>
    </c:if></div>
</div>

<div id="Main">
    <div id="Sidebar">
        <div id="SidebarContent">
            <a href="categoryForm?categoryId=FISH"><img src="${pageContext.request.contextPath}/images/fish_icon.gif" alt="Fish Icon"/></a>
            <br />
            Saltwater, Freshwater
            <br />

            <a href="categoryForm?categoryId=DOGS"><img src="${pageContext.request.contextPath}/images/dogs_icon.gif" alt="Dogs Icon" /></a>
            <br />
            Various Breeds
            <br />

            <a href="categoryForm?categoryId=CATS"><img src="${pageContext.request.contextPath}/images/cats_icon.gif" alt="Cats Icon"/></a>
            <br />
            Various Breeds, Exotic Varieties
            <br />

            <a href="categoryForm?categoryId=REPTILES"><img src="${pageContext.request.contextPath}/images/reptiles_icon.gif" alt="Reptiles Icon"/></a>
            <br />
            Lizards, Turtles, Snakes
            <br />

            <a href="categoryForm?categoryId=BIRDS"><img src="${pageContext.request.contextPath}/images/birds_icon.gif" alt="Birds Icon"/></a>
            <br />
            Exotic Varieties
        </div>
    </div>

    <div id="MainImage">
        <div id="MainImageContent">
            <map name="estoremap">
                <area alt="Birds" coords="72,2,280,250" href="categoryForm?categoryId=BIRDS" shape="RECT" />
                <area alt="Fish" coords="2,180,72,250" href="categoryForm?categoryId=FISH" shape="RECT" />
                <area alt="Dogs" coords="60,250,130,320" href="categoryForm?categoryId=DOGS" shape="RECT" />
                <area alt="Reptiles" coords="140,270,210,340" href="categoryForm?categoryId=REPTILES" shape="RECT" />
                <area alt="Cats" coords="225,240,295,310" href="categoryForm?categoryId=CATS" shape="RECT" />
                <area alt="Birds" coords="280,180,350,250" href="categoryForm?categoryId=BIRDS" shape="RECT" />
            </map>
            <img height="355" src="${pageContext.request.contextPath}/images/splash.gif" align="middle"
                 usemap="#estoremap" width="350" alt="splash"/>
        </div>
    </div>

    <div id="Separator">&nbsp;</div>
</div>
<%@ include file="../common/bottom.jsp"%>